<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>支持</title>
    <link  rel="stylesheet" type="text/css" href="css/reset.css" />
    <link  rel="stylesheet" type="text/css" href="css/all.css" />
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/self.js"></script>
</head>
<body  ontouchstart="">
<div class="detailTop pf w100 of">
    <div class="w100 of tc c3 f17">
        <span class="pa" style="left: 10px;font-size: 30px;color: #444444;" onclick="javascript:history.back();">&laquo;</span>
        支持
    </div>
</div>

<div class="container db jz" style="margin-top: 41px;">
    <section class="w100 db">
        <div id="zhichiMoney"  class="supportMoney of clearfix">
            <div class="clearfix of w100 fl">
                <div class="supportMoney_current">
                    支持&nbsp;<span class="realMoney">799.</span><span class="floatMoney f10">23</span>元
                </div>
            </div>
            <div class="clearfix of w100 fl">
                <div>
                    支持&nbsp;<span class="realMoney">3499.</span><span class="floatMoney f10">44</span>元
                </div>
            </div>
            <div class="clearfix of w100 fl">
                <div>
                    支持&nbsp;<span class="realMoney">7999.</span><span class="floatMoney f10">00</span>元
                </div>
            </div>
        </div>
    </section>
    <div class="baitiaoLineMoney" style="width: 96%">
        <p class="w100" style="background: #E7E7E7"></p>
        <p class="w100" style="background: #FFFFFF"></p>
    </div>
    <section class="w100 db">
        <div class="of clearfix" style="width: 94%;margin: 23px auto 0;">
            <div class="fl c3 f15">
                预计回报
            </div>
            <div class="fr c3 f13">
                <img src="images/good.png" class="dib" style="height: 18px;width: auto;margin-right: 6px;">199&nbsp;支持者
            </div>
        </div>
        <div class="of clearfix" style="width: 94%;margin: 23px auto 0;">
            <div class="c6 f12 c6 tc">
                支持时间<span class="cred">30</span>天后发货，得实物<span class="cred">1</span>件。
            </div>
        </div>
        <div class="of clearfix" style="width: 94%;margin: 23px auto;">
            <div class="fl c3 f13">
                配送费：免费
            </div>
        </div>
    </section>
    <div class="baitiaoLineMoney" style="width: 96%">
        <p class="w100" style="background: #E7E7E7"></p>
        <p class="w100" style="background: #FFFFFF"></p>
    </div>

    <section id="supportColor" class="w100 db">
        <h4 class="ggxz c3 f15">规格选择</h4>
        <div class="supportMoney of clearfix" style="margin: 13px auto">
            <div class="clearfix of w100 fl">
                <div class="supportMoney_current">
                    白&nbsp;色
                </div>
            </div>
            <div class="clearfix of w100 fl">
                <div>
                    蓝&nbsp;色
                </div>
            </div>
            <div class="clearfix of w100 fl">
                <div>
                    红&nbsp;色
                </div>
            </div>
        </div>
        <div class="supportMoney of clearfix" style="margin: 13px auto">
            <div class="clearfix of w100 fl">
                <div>
                    紫&nbsp;色
                </div>
            </div>
            <div class="clearfix of w100 fl">
                <div>
                    橙&nbsp;色
                </div>
            </div>
            <div class="clearfix of w100 fl">
                <div>
                    绿&nbsp;色
                </div>
            </div>
        </div>
    </section>
    <div class="baitiaoLineMoney" style="width: 96%">
        <p class="w100" style="background: #E7E7E7"></p>
        <p class="w100" style="background: #FFFFFF"></p>
    </div>
    <script>
        $(function () {
            $('#zhichiMoney>div>div').click(function () {
                var $t = $(this).index();
                $('#zhichiMoney>div>div').removeClass();
                $(this).addClass('supportMoney_current');
                var money = $(this).children(".realMoney").text();
                var money2 = $(this).children(".floatMoney").text();
                $("#moneyChange").text(money);
                $("#moneyChange2").text(money2);
            })
            $('#supportColor>div>div>div').click(function () {
                $('#supportColor>div>div>div').removeClass('supportMoney_current');
                $(this).addClass('supportMoney_current');
            })
        })

    </script>
</div>
<div class="detailBottm pf w100 of">
    <button  class="db w100 f18 cf f18 tc">支持 <span id="moneyChange">799.</span><span id="moneyChange2" class="f15">00</span> 元</button>
</div>
</body>
</html>
</html>
</html>
</html>